@charset "utf-8";
@import "common";
.mapWeb{
    position: relative;
    overflow: hidden;
    height: 100%;
    header{
        .regionButton{
            width: r(90);
            height: r(38);
            border-radius: 6px;
            background: #e7c598;
            @include aImg;
            position: absolute;
            top: r(35);
            left: r(45);
            z-index: 9999;
            img{
                width: 80%;
            }
        }
        .gdMap{
            position: relative;
            width: r(535);
            height: r(408);
            margin: r(90) auto 0;
            @include aImg;
            overflow: inherit;
            img{
                width: 100%;
            }
            .waitReceive{
                position: absolute;
                bottom: 0;
                right: 0;
                p{
                    text-align: right;
                    color: #e7c598;
                }
                p:first-child,p:last-child{
                  font-size: r(28); 
                  span{
                      font-size: r(40);
                  } 
                }
                p:nth-child(2){
                    font-size: r(38);
                }
            }
        }
        .jieshao{
            width: r(531);
            height: r(318);
            margin: r(50) auto;
            @include aImg;
            position: absolute;
            left:50%;
            transform: translateX(-50%);
            top: r(505);
        }
        .button{
            width: r(318);
            height: r(45);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: r(64);
            img{
                width: 100%;
            }
        }
        .back{
            position: absolute;
            right: r(56);
            bottom: r(25);
            width: r(41);
            height: r(41);
            img{
                width: 100%;
            }
        }
    }
}
.active{
    bottom:r(-50) !important;
}
.active1{
    height: r(505) !important;
    margin-top: r(0) !important;
}
